<!--
 * @Description: 
 * @Autor: Bingo
 * @Date: 2024-08-15 18:10:55
 * @LastEditors: Bingo
 * @LastEditTime: 2024-08-16 10:32:30
-->
<template>
  <div class="page-result-container">
    <!-- 无数据时 显示 没有查询到任何结果！ -->
    <div class="result-not" v-show="props.resultState == 2">没有查询到任何结果！</div>
    <div class="result-content" v-show="props.resultState == 3">
      <slot></slot>
    </div>
    <div class="result-loading" v-show="props.resultState == 4">
      <a-spin />
    </div>
  </div>
</template>
<script lang="ts" setup>
import { ResultStatus } from "@/components/k_result/type";
const props = defineProps({
  resultState: {
    type: Number,
    default: ResultStatus.INIT, // 1表示初始状态什么都不显示  2表示无数据 3.表示有数据 4.表示正在查询 loading
    required: true,
  },
});
</script>
<style scoped lang="less">
.result-not,
.result-loading {
  text-align: center;
  font-size: 15px;
}
</style>
